<html>
    <head>
        <title>My Website</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            .container {
                width: 100%;
                height: 100%;
                background-color: #f0f0f0;
                margin: 10px;
            }
            ul {
                list-style: none;
            }
            li {
                display: block;
                margin-right: 10px;
            }
            a {
                text-decoration: none;
            }
            a:hover {
                color: #000;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <h1>CSS基础</h1>
            <ul>
                <li><a href="css/day1/常用标签.html">常用标签</a></li>
                <li><a href="css/day2/基础样式.html">基础样式</a></li>
                <li><a href="css/day3/盒模型.html">盒模型</a></li>
                <li><a href="css/day3/文本模型.html">文本模型</a></li>
                <li><a href="css/day4/文档流.html">文档流</a></li>
                <li><a href="css/day4/定位.html">定位</a></li>
                <li><a href="css/day5/常用布局.html">常用布局</a></li>
                <li><a href="css/day5/div+table.html">div+table</a></li>
                <li><a href="css/day5/flex-demo.html">flex-demo</a></li>
                <li><a href="css/day5/Flex布局.html">Flex布局</a></li>
                <li><a href="css/day5/grid布局.html">grid-demo</a></li>

            </ul>
        </div>
    </body>
</html>